<template>
	<view>
		<navbar title="关于我们"></navbar>
		<view class="fa fdc">
			<image class="logo" :src="logo" mode=""></image>
			<view class="name">{{appName}}</view>
			<view class="version">{{version}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				logo: '',
				appName: '',
				version: ''
			};
		},
		onLoad() {
			this.getSetting()
		},
		methods: {
			getSetting() {
				this.api.appSettingFunc({
					groupKey: 'system'
				}).then(res => {
					if(res.code == 200) {
						this.logo = res.data.logo
						this.appName = res.data.name
						// this.version = 'v1.1.1'
						const accountInfo = wx.getAccountInfoSync();
						console.log(accountInfo)
						if(accountInfo.miniProgram.version) {
							this.version = accountInfo.miniProgram.version
						}
					}
				})
			},
		}
	}
</script>
<style>
	page{
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.logo{
		margin-top: 100rpx;
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
	}
	.name{
		margin-top: 32rpx;
		font-size: 36rpx;
		font-weight: bold;
		line-height: 42rpx;
	}
	.version{
		margin-top: 8rpx;
		text-align: center;
		color: #777;
		line-height: 32rpx;
	}
</style>
